<script setup>
import { onMounted, ref } from 'vue';
import $bus from '../../utils/bus'
import TradeCustomer from './tradeCustomer.vue';
import TradeSupplier from './tradeSupplier.vue';
//---------------------------------------------------------------------获取标题事件---------------------------------------------------------------------
const activeName = ref('tradeCustomer')
const titleData = ref({
  titleFir : '贸易数据',
  titleSec: '用户信息'
})
onMounted(()=>{
  $bus.emit('title-info',titleData.value)
})
</script>

<template>
 <el-tabs v-model="activeName" class="demo-tabs">

    <el-tab-pane label="客户" :lazy="true" name="tradeCustomer">
      <TradeCustomer></TradeCustomer>
    </el-tab-pane>

    <el-tab-pane label="供应商" :lazy="true" name="tradeSupplier">
      <TradeSupplier></TradeSupplier>
    </el-tab-pane>

    <!-- <el-tab-pane label="订单详情" :lazy="true" name="tradeOrderDetail">
      <TradeOrderDetail></TradeOrderDetail>
    </el-tab-pane> -->



  </el-tabs>
</template>

<style scoped lang="scss">

</style>
